<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 
<title>{$pagina}</title>
{* <link rel="stylesheet" type="text/css" href="/x/min/css/slimbox_style.css" media="screen" /> *}
<script type="text/javascript" src="/x/min/js/popup.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/x/jquery/sortable.jqueryui.js"></script>
<script src="/x/jquery/countdown.jquery.js" type="text/javascript"></script>
<script src="/x/jquery/save.sortable.jquery.js" type="text/javascript"></script>
<script src="/x/jquery/cookie.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {ldelim}
	$("body").kkCountDown();
	$("div#left, div#right").sortable({ldelim}
		connectWith: '.connectKolom',
		update: function() {ldelim} getOrder(); {rdelim}
	{rdelim});
	
	restoreOrder();
{rdelim});
</script> 
<style type="text/css"> 
html, body {ldelim} 
	margin: 0; 
	padding: 0;
	height: 100%;
	background: url(/images/backgrounds/{$bgimage}) no-repeat left top;
{rdelim}
p {ldelim}
	margin: 0;
	padding: 0;
{rdelim}
</style>
<link rel="stylesheet" rev="stylesheet" href="/layout/menu/menu.css" type="text/css"/>
</head>
<body>
<div style="width: 1280px; margin-left: auto; margin-right: auto; height: 100%;"><br />
	<div style="width: 800px; margin: 1px; margin-left: auto; margin-right: auto; height: 327px; background: url(/images/logo.png) no-repeat center top;">&nbsp;
	</div>
	<div style="width: 1200px; border: 1px solid #000000; margin: 25px; margin-left: auto; margin-right: auto; height: 100px;"><div id="menu">{$full_menu}</div> <div style="float: right;">{$loggedin}</div>
	</div>
	<div style="width: 250px; margin-right: 25px; margin-left: 39px; float: left; margin-top: 25px;" id="left" class="connectKolom">
		{foreach from=$linkerKolom key=lKid item=lKvars}
<!--	<div> -->
			<div style="background: url(/images/blok_boven.png) no-repeat center top; margin-bottom: 20px;" id="item-{$lKid}">&nbsp;
				<div style="background: url(/images/blok_titel_midden.png) repeat center top; font-size: 26.5px; text-align: center; margin-top: -6px;">{$lKvars.titel}</div>
				<div style="background: url(/images/blok_scheiding.png) no-repeat center top;">&nbsp;</div>
				<div style="background: url(/images/blok_content_midden.png) repeat center top; margin-top: -10px; padding-left: 12px; padding-right: 12px; padding-top: 1px;"><div style="margin: 0; padding: 0;">{$lKvars.inhoud}</div></div>
				<div style="background: url(/images/blok_onder.png) no-repeat center top;">&nbsp;</div>
<!--	</div> -->
			</div>
		{/foreach}
	</div>
	<div style="width: 250px; margin-right: 39px; margin-left: 25px; float: right; margin-top: 25px;" id="right" class="connectKolom">
		{foreach from=$rechterKolom key=rKid item=rKvars}
<!--	<div> -->
			<div style="background: url(/images/blok_boven.png) no-repeat center top; margin-bottom: 20px;" id="item-{$rKid}">&nbsp;
				<div style="background: url(/images/blok_titel_midden.png) repeat center top; font-size: 26.5px; text-align: center; margin-top: -6px;">{$rKvars.titel}</div>
				<div style="background: url(/images/blok_scheiding.png) no-repeat center top;">&nbsp;</div>
				<div style="background: url(/images/blok_content_midden.png) repeat center top; margin-top: -10px; padding-left: 12px; padding-right: 12px; padding-top: 1px;"><div style="margin: 0; padding: 0;">{$rKvars.inhoud}</div></div>
				<div style="background: url(/images/blok_onder.png) no-repeat center top;">&nbsp;</div>
			</div>
<!--	</div> -->
		{/foreach}
	</div>
	<div style="margin-top: 50px; width: 600px; border: 0px; margin-left: auto; margin-right: auto; background: url(/images/midden_boven.png) no-repeat center top;">&nbsp;
		<div style="padding-left: 17px; padding-right: 17px; background: url(/images/midden_midden.png) repeat center center;">
		{$inhoud}
		</div>
		<!-- <div style="background: url(/images/midden_onder.png) no-repeat; margin-top: -8px;">&nbsp;</div> -->
		<div style="background: url(/images/midden_onder.png) no-repeat;">&nbsp;</div>
	</div>
	<div style="width: 1200px; margin-top: 50px; margin-left: auto; margin-right: auto; background: url(/images/onder_boven.png) center top no-repeat; overflow: hidden; clear: both;">&nbsp;
		<div style="margin-top: -12px; padding-left: 10px; background: url(/images/onder_midden.png) repeat center center;">
		<p style="margin: 0; padding: 0;">sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br />sponsoren<br /></p>
		</div>
		<div style="background: url(/images/onder_onder.png) no-repeat center top">&nbsp;</div>
	</div><br />
</div>
</body>
</html>
